<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NEON BRUTAL | 未来潮流玩具实验室</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oxanium:wght@400;600;700;800&display=swap">
    <style>
        /* 基础重置与粗野主义风格变量 */
        :root {
            --deep-blue: #0A0E29;
            --electric-yellow: #FFDE59;
            --neon-pink: #FF2A78;
            --violet: #7024C4;
            --cyan: #00F0FF;
            --text: #FFFFFF;
            --text-secondary: #B3B4C5;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Oxanium', 'Arial Narrow', sans-serif;
            background-color: var(--deep-blue);
            color: var(--text);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* 几何背景图案 */
        .geometric-bg {
            background:
                linear-gradient(45deg, var(--deep-blue) 0%, #15193B 100%),
                repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 222, 89, 0.05) 10px, rgba(255, 222, 89, 0.05) 20px);
            border: 3px solid var(--electric-yellow);
            box-shadow: 0 0 25px rgba(255, 222, 89, 0.3),
                10px 10px 0 var(--violet);
            position: relative;
        }

        .geometric-bg::after {
            content: '';
            position: absolute;
            top: 5px;
            left: 5px;
            right: -5px;
            bottom: -5px;
            background: var(--violet);
            z-index: -1;
            opacity: 0.7;
        }

        /* 布局组件 */
        .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        section {
            padding: 80px 0;
        }

        .section-title {
            font-size: 2.8rem;
            text-align: center;
            margin-bottom: 50px;
            text-transform: uppercase;
            position: relative;
            padding-bottom: 15px;
            font-weight: 800;
            color: var(--electric-yellow);
        }

        .section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 150px;
            height: 5px;
            background: linear-gradient(90deg, var(--neon-pink), var(--cyan));
        }

        /* 导航栏 */
        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 30px 0;
            position: relative;
            z-index: 100;
        }

        .logo {
            font-size: 2.8rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: -1px;
            color: var(--text);
            text-shadow: 3px 3px 0 var(--violet);
        }

        .logo span {
            color: var(--electric-yellow);
            position: relative;
        }

        .logo span::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 100%;
            height: 3px;
            background: var(--neon-pink);
        }

        nav ul {
            display: flex;
            list-style: none;
        }

        nav li {
            margin-left: 30px;
        }

        nav a {
            text-decoration: none;
            color: var(--text);
            font-weight: 600;
            text-transform: uppercase;
            font-size: 1.1rem;
            position: relative;
            padding: 5px 0;
            transition: all 0.3s;
        }

        nav a:hover {
            color: var(--electric-yellow);
            text-shadow: 0 0 10px rgba(255, 222, 89, 0.7);
        }

        /* Hero区块 */
        .hero {
            height: 100vh;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
            margin-top: -100px;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(rgba(10, 14, 41, 0.8), rgba(10, 14, 41, 0.9)), url('https://images.unsplash.com/photo-1535223289827-42f1e9919769?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
            background-size: cover;
            background-position: center;
            z-index: -1;
        }

        .hero-content {
            max-width: 800px;
            text-align: center;
            margin: 0 auto;
            padding: 40px;
        }

        .hero-title {
            font-size: 4.5rem;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-weight: 800;
            color: var(--electric-yellow);
            line-height: 1.1;
            text-shadow: 3px 3px 0 var(--violet);
        }

        .hero-subtitle {
            font-size: 1.5rem;
            margin-bottom: 40px;
            color: var(--text);
            line-height: 1.6;
        }

        .hero-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        .btn {
            display: inline-block;
            padding: 16px 32px;
            background-color: var(--neon-pink);
            color: white;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            border: none;
            cursor: pointer;
            transition: all 0.3s;
            border: 2px solid var(--electric-yellow);
            box-shadow: 5px 5px 0 var(--electric-yellow);
            font-family: 'Oxanium', sans-serif;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }

        .btn:hover {
            transform: translate(3px, 3px);
            box-shadow: 2px 2px 0 var(--electric-yellow);
            color: white;
        }

        .btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: 0.5s;
            z-index: -1;
        }

        .btn:hover::before {
            left: 100%;
        }

        .btn-secondary {
            background-color: transparent;
            color: var(--electric-yellow);
            border: 2px solid var(--neon-pink);
            box-shadow: 5px 5px 0 var(--neon-pink);
        }

        /* 核心优势区块 */
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 40px;
        }

        .feature-card {
            text-align: center;
            padding: 30px;
            transition: all 0.3s;
        }

        .feature-icon {
            font-size: 3rem;
            margin-bottom: 20px;
            color: var(--cyan);
        }

        .feature-title {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: var(--electric-yellow);
        }

        .feature-description {
            color: var(--text-secondary);
        }

        /* 数据统计区块 */
        .stats {
            background: linear-gradient(to right, var(--violet), var(--neon-pink));
            padding: 80px 0;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 30px;
            text-align: center;
        }

        .stat-item {
            padding: 30px;
        }

        .stat-number {
            font-size: 3rem;
            font-weight: 800;
            color: var(--electric-yellow);
            margin-bottom: 10px;
            text-shadow: 2px 2px 0 var(--deep-blue);
        }

        .stat-label {
            color: var(--text);
            font-size: 1.1rem;
            text-transform: uppercase;
        }

        /* 产品区块 */
        .products-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .product-card {
            background: linear-gradient(145deg, #15193B, #0A0E29);
            padding: 25px;
            border: 2px solid var(--violet);
            transition: all 0.3s;
            box-shadow: 8px 8px 0 var(--cyan);
        }

        .product-card:hover {
            transform: translate(5px, 5px);
            box-shadow: 3px 3px 0 var(--cyan);
            border-color: var(--electric-yellow);
        }

        .product-image {
            height: 250px;
            background: linear-gradient(45deg, var(--violet), var(--neon-pink));
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--electric-yellow);
            font-weight: bold;
            color: white;
            text-shadow: 2px 2px 0 var(--deep-blue);
        }

        .product-name {
            font-size: 1.5rem;
            margin-bottom: 10px;
            font-weight: 700;
            color: var(--electric-yellow);
        }

        .product-description {
            color: var(--text-secondary);
            margin-bottom: 20px;
        }

        /* 关于我们区块 */
        .about {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

        .about-image {
            height: 400px;
            background: linear-gradient(45deg, var(--violet), var(--neon-pink));
            border: 3px solid var(--electric-yellow);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: white;
            text-shadow: 2px 2px 0 var(--deep-blue);
            font-size: 1.5rem;
            text-align: center;
        }

        .about-content h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: var(--electric-yellow);
        }

        .about-content p {
            color: var(--text-secondary);
            margin-bottom: 20px;
            line-height: 1.8;
        }

        /* 产品介绍区块 */
        .product-showcase {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

        .product-showcase:nth-child(even) .product-content {
            order: 2;
        }

        .product-showcase:nth-child(even) .product-image {
            order: 1;
        }

        /* 客户案例区块 */
        .cases-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .case-card {
            background: linear-gradient(145deg, #15193B, #0A0E29);
            padding: 0;
            border: 2px solid var(--violet);
            overflow: hidden;
        }

        .case-image {
            height: 200px;
            background: linear-gradient(45deg, var(--violet), var(--neon-pink));
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: white;
            text-shadow: 2px 2px 0 var(--deep-blue);
        }

        .case-content {
            padding: 25px;
        }

        .case-title {
            font-size: 1.5rem;
            margin-bottom: 10px;
            color: var(--electric-yellow);
        }

        .case-description {
            color: var(--text-secondary);
            margin-bottom: 20px;
        }

        /* 团队区块 */
        .team-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
        }

        .team-member {
            text-align: center;
        }

        .team-avatar {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            background: linear-gradient(45deg, var(--violet), var(--neon-pink));
            margin: 0 auto 20px;
            border: 3px solid var(--electric-yellow);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: white;
        }

        .team-name {
            font-size: 1.5rem;
            margin-bottom: 5px;
            color: var(--electric-yellow);
        }

        .team-role {
            color: var(--neon-pink);
            margin-bottom: 15px;
            font-weight: 600;
        }

        .team-bio {
            color: var(--text-secondary);
        }

        /* 合作伙伴区块 */
        .partners {
            background: rgba(179, 180, 197, 0.1);
            padding: 60px 0;
        }

        .partners-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 40px;
            align-items: center;
        }

        .partner-logo {
            height: 80px;
            background: var(--deep-blue);
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--violet);
            font-weight: bold;
            color: var(--cyan);
        }

        /* 常见问题区块 */
        .faq-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
        }

        .faq-item {
            background: linear-gradient(145deg, #15193B, #0A0E29);
            padding: 20px;
            border: 2px solid var(--violet);
        }

        .faq-question {
            font-size: 1.2rem;
            margin-bottom: 15px;
            color: var(--electric-yellow);
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .faq-answer {
            color: var(--text-secondary);
            line-height: 1.6;
        }

        /* 号召区块 */
        .cta {
            text-align: center;
            padding: 100px 0;
            background: linear-gradient(to right, var(--violet), var(--neon-pink));
        }

        .cta-title {
            font-size: 3rem;
            margin-bottom: 20px;
            color: var(--electric-yellow);
            text-shadow: 2px 2px 0 var(--deep-blue);
        }

        .cta-text {
            font-size: 1.2rem;
            margin-bottom: 40px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        /* 页脚 */
        footer {
            padding: 60px 0 30px;
            background: linear-gradient(to top, #050720, var(--deep-blue));
            border-top: 2px solid var(--violet);
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }

        .footer-logo {
            font-size: 2rem;
            margin-bottom: 20px;
            color: var(--electric-yellow);
        }

        .footer-description {
            color: var(--text-secondary);
            margin-bottom: 20px;
        }

        .footer-heading {
            font-size: 1.2rem;
            margin-bottom: 20px;
            color: var(--electric-yellow);
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 10px;
        }

        .footer-links a {
            color: var(--text-secondary);
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer-links a:hover {
            color: var(--electric-yellow);
        }

        .social-icons {
            display: flex;
            gap: 15px;
        }

        .social-icon {
            width: 40px;
            height: 40px;
            background: linear-gradient(45deg, var(--violet), var(--neon-pink));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-decoration: none;
            transition: all 0.3s;
        }

        .social-icon:hover {
            transform: translateY(-5px);
        }

        .copyright {
            text-align: center;
            color: var(--text-secondary);
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* 响应式设计 */
        @media (max-width: 900px) {
            .hero-title {
                font-size: 3rem;
            }

            .about,
            .product-showcase {
                grid-template-columns: 1fr;
            }

            .product-showcase:nth-child(even) .product-content {
                order: 1;
            }

            .product-showcase:nth-child(even) .product-image {
                order: 2;
            }

            nav ul {
                flex-wrap: wrap;
                justify-content: center;
            }

            nav li {
                margin: 0 15px 10px 0;
            }
        }

        @media (max-width: 600px) {
            header {
                flex-direction: column;
                text-align: center;
            }

            .logo {
                margin-bottom: 20px;
            }

            .hero-title {
                font-size: 2.5rem;
            }

            .hero-buttons {
                flex-direction: column;
                align-items: center;
            }

            .btn {
                width: 100%;
                max-width: 300px;
                margin-bottom: 15px;
            }

            .section-title {
                font-size: 2.2rem;
            }
        }
    </style>
</head>

<body>
    <!-- 导航栏 -->
    <header class="container">
        <div class="logo">NEON<span>BRUTAL</span></div>
        <nav>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">系列</a></li>
                <li><a href="#">艺术家</a></li>
                <li><a href="#">限量版</a></li>
                <li><a href="#">新闻</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </nav>
    </header>

    <!-- Hero区块 -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1 class="hero-title">未来主义碰撞原始美学</h1>
                <p class="hero-subtitle">NEON BRUTAL将粗野主义建筑的大胆几何与霓虹潮流文化相融合，创造出前所未有的限量版潮玩作品</p>
                <div class="hero-buttons">
                    <a href="#" class="btn">探索系列</a>
                    <a href="#" class="btn btn-secondary">限量预售</a>
                </div>
            </div>
        </div>
    </section>

    <!-- 核心优势区块 -->
    <section class="container">
        <h2 class="section-title">核心优势</h2>
        <div class="features-grid">
            <div class="feature-card">
                <div class="feature-icon">🎨</div>
                <h3 class="feature-title">独特设计语言</h3>
                <p class="feature-description">融合粗野主义建筑美学与霓虹未来主义，创造独一无二的视觉语言</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">🔬</div>
                <h3 class="feature-title">尖端材料技术</h3>
                <p class="feature-description">采用高级树脂材料和荧光涂层，手工打磨出独特的几何形态</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">🌍</div>
                <h3 class="feature-title">全球限量发行</h3>
                <p class="feature-description">每件作品全球限量发行，确保每一位收藏家都能拥有独特的未来艺术品</p>
            </div>
        </div>
    </section>

    <!-- 数据统计区块 -->
    <section class="stats">
        <div class="container">
            <div class="stats-grid">
                <div class="stat-item">
                    <div class="stat-number">50+</div>
                    <div class="stat-label">限量系列</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">12K+</div>
                    <div class="stat-label">全球收藏家</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">25+</div>
                    <div class="stat-label">合作艺术家</div>
                </div>
                <div class="stat-item">
                    <div class="stat-number">98%</div>
                    <div class="stat-label">客户满意度</div>
                </div>
            </div>
        </div>
    </section>

    <!-- 产品区块 -->
    <section class="container">
        <h2 class="section-title">我们的产品</h2>
        <div class="products-grid">
            <div class="product-card">
                <div class="product-image">几何霓虹兽</div>
                <h3 class="product-name">几何霓虹兽</h3>
                <p class="product-description">融合几何形态与生物特征的未来主义设计，采用荧光涂层技术</p>
                <a href="#" class="btn">查看详情</a>
            </div>
            <div class="product-card">
                <div class="product-image">赛博朋克武士</div>
                <h3 class="product-name">赛博朋克武士</h3>
                <p class="product-description">将日本武士传统与赛博朋克美学结合的限量作品</p>
                <a href="#" class="btn">查看详情</a>
            </div>
            <div class="product-card">
                <div class="product-image">机械佛首</div>
                <h3 class="product-name">机械佛首</h3>
                <p class="product-description">宗教象征与机械结构的完美融合，可拆卸部件展示内部精密细节</p>
                <a href="#" class="btn">查看详情</a>
            </div>
        </div>
    </section>

    <!-- 关于我们区块 -->
    <section class="container">
        <div class="about">
            <div class="about-image">NEON BRUTAL工作室</div>
            <div class="about-content">
                <h2>关于我们</h2>
                <p>NEON BRUTAL诞生于对未来美学的探索，我们将粗野主义的建筑理念与霓虹灯光的炫目色彩相结合，创造出独一无二的潮流玩具。</p>
                <p>我们的每一件作品都采用高级树脂材料和荧光涂层，手工打磨出独特的几何形态，全球限量发行，确保每一位收藏家都能拥有独特的未来艺术品。</p>
                <a href="#" class="btn">了解更多</a>
            </div>
        </div>
    </section>

    <!-- 产品介绍区块 -->
    <section class="container">
        <div class="product-showcase">
            <div class="about-content">
                <h2>赛博神话系列</h2>
                <p>将古代神话与现代科技融合，创造出机械神祇与电子妖魔的奇幻世界。这个系列探索了信仰与技术在未来的交织，每一件作品都是对数字神性的致敬。</p>
                <a href="#" class="btn">探索系列</a>
            </div>
            <div class="about-image">赛博神话系列主视觉</div>
        </div>
    </section>

    <!-- 客户案例区块 -->
    <section class="container">
        <h2 class="section-title">客户案例</h2>
        <div class="cases-grid">
            <div class="case-card">
                <div class="case-image">未来画廊展览</div>
                <div class="case-content">
                    <h3 class="case-title">上海未来画廊个展</h3>
                    <p class="case-description">NEON BRUTAL在上海未来画廊成功举办首次个展，展出全部限量系列作品</p>
                    <a href="#" class="btn">查看详情</a>
                </div>
            </div>
            <div class="case-card">
                <div class="case-image">东京艺术博览会</div>
                <div class="case-content">
                    <h3 class="case-title">东京艺术博览会参展</h3>
                    <p class="case-description">受邀参加亚洲最大潮流艺术博览会，作品获得国际关注</p>
                    <a href="#" class="btn">查看详情</a>
                </div>
            </div>
            <div class="case-card">
                <div class="case-image">品牌联名合作</div>
                <div class="case-content">
                    <h3 class="case-title">与TechWear联名系列</h3>
                    <p class="case-description">与知名未来主义服装品牌TechWear合作推出联名系列</p>
                    <a href="#" class="btn">查看详情</a>
                </div>
            </div>
        </div>
    </section>

    <!-- 团队区块 -->
    <section class="container">
        <h2 class="section-title">核心团队</h2>
        <div class="team-grid">
            <div class="team-member">
                <div class="team-avatar">LK</div>
                <h3 class="team-name">Lena Kowalski</h3>
                <div class="team-role">创意总监</div>
                <p class="team-bio">前建筑设计师，将粗野主义建筑理念融入玩具设计。擅长几何形态与光影的戏剧性结合。</p>
            </div>
            <div class="team-member">
                <div class="team-avatar">MC</div>
                <h3 class="team-name">Markus Chen</h3>
                <div class="team-role">首席设计师</div>
                <p class="team-bio">赛博朋克美学先锋，专注于数字故障艺术与霓虹色彩的融合。</p>
            </div>
            <div class="team-member">
                <div class="team-avatar">SV</div>
                <h3 class="team-name">Sofia Vega</h3>
                <div class="team-role">材料专家</div>
                <p class="team-bio">荧光艺术专家，擅长使用光致发光材料创造动态视觉体验。</p>
            </div>
            <div class="team-member">
                <div class="team-avatar">KT</div>
                <h3 class="team-name">Kenji Tanaka</h3>
                <div class="team-role">技术总监</div>
                <p class="team-bio">原型大师，将传统雕刻技艺与3D打印技术完美结合。</p>
            </div>
        </div>
    </section>

    <!-- 合作伙伴区块 -->
    <section class="partners">
        <div class="container">
            <h2 class="section-title">合作伙伴</h2>
            <div class="partners-grid">
                <div class="partner-logo">未来画廊</div>
                <div class="partner-logo">CYBERX</div>
                <div class="partner-logo">URBANART</div>
                <div class="partner-logo">TECHWEAR</div>
                <div class="partner-logo">DIGITAL DREAMS</div>
                <div class="partner-logo">NEOTOKYO</div>
            </div>
        </div>
    </section>

    <!-- 常见问题区块 -->
    <section class="container">
        <h2 class="section-title">常见问题</h2>
        <div class="faq-grid">
            <div class="faq-item">
                <div class="faq-question">如何购买NEON BRUTAL作品？</div>
                <div class="faq-answer">您可以通过我们官网的限量版页面购买作品。限量版作品通常在特定时间发售，建议关注我们的社交媒体获取最新发售信息。</div>
            </div>
            <div class="faq-item">
                <div class="faq-question">作品是限量版的吗？</div>
                <div class="faq-answer">是的，所有NEON BRUTAL作品都是限量版，每件都有独立编号和真品证书。发行数量从50体到500体不等，具体取决于系列和作品。</div>
            </div>
            <div class="faq-item">
                <div class="faq-question">支持国际运输吗？</div>
                <div class="faq-answer">我们提供全球配送服务，使用专业的艺术品运输服务确保安全送达。国际运输通常需要7-14个工作日，具体时间取决于目的地。</div>
            </div>
            <div class="faq-item">
                <div class="faq-question">如何保养NEON BRUTAL作品？</div>
                <div class="faq-answer">建议避免阳光直射，使用柔软的超细纤维布轻轻擦拭灰尘。对于荧光作品，定期让它们暴露在光源下（非直射阳光）以保持发光效果。</div>
            </div>
        </div>
    </section>

    <!-- 号召区块 -->
    <section class="cta">
        <div class="container">
            <h2 class="cta-title">准备好开始您的收藏之旅了吗？</h2>
            <p class="cta-text">探索NEON BRUTAL的独特世界，收藏代表未来美学的限量艺术品。加入我们的收藏家社区，获取独家优惠和预售机会。</p>
            <a href="#" class="btn">探索系列</a>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="container">
        <div class="footer-grid">
            <div>
                <div class="footer-logo">NEON BRUTAL</div>
                <p class="footer-description">未来潮流玩具实验室，融合粗野主义建筑美学与霓虹未来主义视觉语言。</p>
                <div class="social-icons">
                    <a href="#" class="social-icon">IG</a>
                    <a href="#" class="social-icon">TW</a>
                    <a href="#" class="social-icon">FB</a>
                    <a href="#" class="social-icon">YT</a>
                </div>
            </div>
            <div>
                <h3 class="footer-heading">快速链接</h3>
                <ul class="footer-links">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">系列</a></li>
                    <li><a href="#">艺术家</a></li>
                    <li><a href="#">限量版</a></li>
                    <li><a href="#">新闻</a></li>
                </ul>
            </div>
            <div>
                <h3 class="footer-heading">支持</h3>
                <ul class="footer-links">
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">配送信息</a></li>
                    <li><a href="#">退货政策</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">隐私政策</a></li>
                </ul>
            </div>
            <div>
                <h3 class="footer-heading">联系我们</h3>
                <ul class="footer-links">
                    <li>上海市浦东新区未来科技园区888号</li>
                    <li>电话: +86 123 4567 8900</li>
                    <li>邮箱: info@neonbrutal.com</li>
                </ul>
            </div>
        </div>
        <div class="copyright">© 2023 NEON BRUTAL. 未来潮流玩具实验室 | 保留所有权利</div>
    </footer>

    <script>
        // 简单的FAQ交互
        document.addEventListener('DOMContentLoaded', function () {
            const faqQuestions = document.querySelectorAll('.faq-question');

            faqQuestions.forEach(question => {
                question.addEventListener('click', function () {
                    const answer = this.nextElementSibling;

                    // 切换答案显示
                    if (answer.style.display === 'block') {
                        answer.style.display = 'none';
                    } else {
                        answer.style.display = 'block';
                    }
                });
            });

            // 默认隐藏所有FAQ答案
            document.querySelectorAll('.faq-answer').forEach(answer => {
                answer.style.display = 'none';
            });
        });
    </script>
</body>

</html>